Hasta ahora, lo que sé es que, si los accesorios (actual y siguiente) se encadenan y luego se comparan, podría proporcionar algún resultado. Pero no estoy seguro de si eso funciona correctamente para accesorios que tienen funciones. Si hay alguna otra forma posible de hacerlo, explíquelo.
JSON.stringify(this.props) === JSON.stringify(nextProps)
Es posible que JSON.stringify no funcione porque el orden de las claves de objeto se basa en cuándo se definen ( agujero de conejo de stackoverflow relevante ). Por lo tanto, es posible que no siempre pueda garantizar que estarán en el mismo orden.
Por razones que no puedo recordar (posiblemente por aburrimiento), hice una función de diferencia de objeto hace unos meses:
function diff (a, b) { let obj = {}; for (let key in a) { if (a[key] === b[key]) continue; obj[key] = b[key]; } for (let key in b) { if (key in obj) continue; if (a[key] === b[key]) continue; obj[key] = b[key]; } return obj; }Aunque esto solo funcionará para valores primitivos (por ejemplo, cadena, número, etc.).
Si se trata de un proyecto personal, ¿por qué no intentar ampliarlo para objetos y matrices?
Si no, sugeriría usar una biblioteca como deep-object-diff